<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- <div></div> -->
    <input type="text">
    <script src="./js/jquery.min.js"></script>
    <script>
        /* 
            JS
                html
                    //设置
                        div.innerHTML = "你好"
                    //获取
                        console.log(div.innerHTML)
                text
                    //设置
                        div.innerText = "你好"
                    //获取
                        console.log(div.innerText)
                value
                    //设置
                        inp.value = "你好"
                    //获取
                        console.log(inp.val)
            JQ
                html
                    //设置
                        $("div").html("<h1>标题一</h1>")
                    //获取
                        console.log($("div").html())
                text
                    //设置
                        $("div").text("<h1>标题一</h1>")
                    //获取
                        console.log($("div").text())
                value
                    //设置
                        $("div").val("你好")
                    //修改
                        console.log($("div").val())
        */

        //html
            //设置
            // $("div").html("<h1>我是深圳的</h1>")
            //获取
            // console.log($("div").html());
        //text
            //设置
            // $("div").text("<h1>我是湖南的</h1>")
            //获取
            // console.log($("div").text());
        //value
            //设置
            // $("input").val("我在广东已经漂泊十年")
            //获取
            // console.log($("input").val());
    </script>
</body>
</html>